var app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isshowCalendar: false,
    isshowporss: false,
    tabX: 95,
    bigscrooltop: 0,
    // 判断是否有用户评价
    iscustomerGrade: false,
  },






  // 点击tab
  bindTab(e) {



    if (e.currentTarget.dataset.index == 0) {
      this.setData({
        tabX: 95
      })
      // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置
      wx.createSelectorQuery().select('.siteDetails-two').boundingClientRect(res => {
        // console.log(this.data.bigscrooltop+res.top-128-52-70-64)
        // 到这里，我们可以从res中读到class为bb4的top，即离顶部的距离（px）
        // 2使用wx.pageScrollTo()将页面滚动到对应位置

        wx.pageScrollTo({
          scrollTop: this.data.bigscrooltop + res.top - this.data.scrooltop * 2 + 24, // 滚动到的位置（距离顶部 px）
          duration: 300 //滚动所需时间 如果不需要滚动过渡动画，设为0（ms）
        })
      }).exec()
    } else if (e.currentTarget.dataset.index == 1) {
      this.setData({
        // tabX:248
        tabX: 350
      })
      // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置
      wx.createSelectorQuery().select('.siteDetails-treen').boundingClientRect(res => {

        // 到这里，我们可以从res中读到class为bb4的top，即离顶部的距离（px）
        // 2使用wx.pageScrollTo()将页面滚动到对应位置
        wx.pageScrollTo({
          scrollTop: this.data.bigscrooltop + res.top - this.data.scrooltop * 2 + 24, // 滚动到的位置（距离顶部 px）
          duration: 300 //滚动所需时间 如果不需要滚动过渡动画，设为0（ms）
        })
      }).exec()
    } else if (e.currentTarget.dataset.index == 2) {
      this.setData({
        tabX: 600

      })
      // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置
      wx.createSelectorQuery().select('.siteDetails-four').boundingClientRect(res => {
        // 到这里，我们可以从res中读到class为bb4的top，即离顶部的距离（px）
        // 2使用wx.pageScrollTo()将页面滚动到对应位置
        wx.pageScrollTo({
          scrollTop: this.data.bigscrooltop + res.top - this.data.scrooltop * 2 + 24, // 滚动到的位置（距离顶部 px）
          duration: 350 //滚动所需时间 如果不需要滚动过渡动画，设为0（ms）
        })
      }).exec()
    }





  },


  // 图片预览
  priview(e) {
    let urls = e.currentTarget.dataset.urls.map(item => this.data.Imageurl + item)
    let current = e.currentTarget.dataset.current
    wx.previewImage({
      urls: urls,
      current: current
    })
  },


  gopersonal(e) {
    let id = e.currentTarget.dataset.id
    let people = e.currentTarget.dataset.item
    console.log(people)
    wx.navigateTo({
      url: '/pages/personal/personal?type=' + e.currentTarget.dataset.type + '&&id=' + id + "&&people=" + JSON.stringify(people),
    })

  },

  // 时间处理
  mytime(statedate, enddate, whendate) {
    var datse = new Date();
    var year = datse.getFullYear(); //  返回的是年份
    var month = datse.getMonth() + 1; //  返回的月份上个月的月份，记得+1才是当月
    var day = datse.getDate(); //  返回的是几号

    if (statedate != '' && enddate != '') {
      // 开始时间戳
      var statedates = new Date(statedate);
      // 计划结束时间戳
      var enddates = new Date(enddate);


      // 计划时间
      var planTime = Math.ceil((enddates - statedates) / (24 * 1000 * 60 * 60))

      // 剩余时间
      var remaining = Math.ceil((enddates - datse) / (24 * 1000 * 60 * 60))
      var overdueTime
      if (remaining < 1) {
        overdueTime = Math.abs(remaining - 1)
      } else {
        overdueTime = 0
      }
    }



    if (whendate != '') {
      // 结束时间戳
      var whendates = new Date(whendate);
      // 所用时间
      var when = Math.ceil((whendates - statedates) / (24 * 1000 * 60 * 60))

    }
    // month+'月'+day+'日'

    return {
      month: month,
      day: day,
      planTime: statedate != '' && enddate != '' ? planTime : '',

      remaining: statedate != '' && enddate != '' ? remaining : '',
      when: whendate != '' ? when : '',
      overdueTime: overdueTime
    }


  },
  // 项目详情接口
  getOrderDetails() {
    let t = this
    wx.showLoading({
      title: '加载中。。。', //提示的内容
      mask: true //显示透明蒙层 防止触摸穿透
    })
    wx.request({
      url: app.globalData.Interfaceurl + 'getOrderDetails',
      method: "post",
      header: {
        "content-type": "application/x-www-form-urlencoded;charset=UTF-8"
      },
      data: {
        userId: app.globalData.userId,
        // userId: 1569562832576524288,
        orderId: t.data.orderId,
      },
      success: res => {
        wx.hideLoading();
        console.log(res.data.projectOrder.checkDate)
        t.setData({
          projectOrder: res.data.projectOrder,
          designList: res.data.designList,
          deliverList: res.data.deliverList,
          buildList: res.data.buildList,
          workList: res.data.workList,
          shopowner: res.data.shopowner,
          supervise: res.data.supervise,
          bricklay: res.data.bricklay,
          designer: res.data.designer,
          starttime: res.data.projectOrder.bricklayBeginDate,
          endtime: res.data.projectOrder.bricklayEndDate,
          sign: [{
              data: res.data.projectOrder.designDate,
              color: '#FFA940',
              text: '设计'
            },
            {
              data: res.data.projectOrder.deliverDate,
              color: '#7CB305',
              text: '配送'
            },
            {
              data: res.data.projectOrder.buildDate,
              color: '#45B1ED',
              text: '施工'
            },
          ],
          yjsign: [{
            data: res.data.projectOrder.bricklayEndDate,
            color: '#D6000F',
            text: '计划完成时间'
          }],

          mytime: this.mytime(res.data.projectOrder.bricklayBeginDate, res.data.projectOrder.bricklayEndDate, res.data.projectOrder.checkDate)

        })

        t.setData({
          startdate: {
            date: res.data.projectOrder.checkDate,
            color: '#D6000F',
            text: '完工'
          },
        })

        let calendar = t.selectComponent('#calendar');

        calendar.Rendering();


        let query = wx.createSelectorQuery();
        query.select('.contentList ').boundingClientRect(rect => {
          console.log(rect)
          if (rect) {
            let height = rect.height;

            let contentListHight = Math.floor(app.globalData.width * 550 / 375)
            console.log(contentListHight)
            if (contentListHight <= height) {
              this.setData({
                ischuxinan: true
              })
            } else {
              this.setData({
                ischuxinan: false
              })
            }
          }
        }).exec();

        // 判断用户已经评价了
        if (res.data.projectOrder.customerGrade != '') {
          t.setData({
            iscustomerGrade: true,
            // 动画滑动距离
            // tabX: 68,
          })
        } else {
          t.setData({
            iscustomerGrade: false,
            // 动画滑动距离
            // tabX: 95,
          })
        }




        setTimeout(() => {
          let t = this
          wx.createSelectorQuery().select('.siteDetails-two').boundingClientRect(res => {
            t.setData({
              one: t.data.bigscrooltop + res.top - t.data.scrooltop * 2 + 24
            })
          }).exec()
          // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置
          wx.createSelectorQuery().select('.siteDetails-treen').boundingClientRect(res => {
            t.setData({
              two: t.data.bigscrooltop + res.top - t.data.scrooltop * 2 + 24
            })
          }).exec()
          wx.createSelectorQuery().select('.siteDetails-four').boundingClientRect(res => {
            t.setData({
              treen: t.data.bigscrooltop + res.top - t.data.scrooltop * 2 + 24
            })
          }).exec()

        },600)

      },
      fail: err => {
        wx.showToast({
          title: '请求失败',
          duration: 2500, //持续的时间
          icon: 'none', //图标
        })
      }
    })
  },




















  bindeShowCalender() {
    this.setData({
      isshowCalendar: true
    })
  },
  bindeHideCalender() {
    this.setData({
      isshowCalendar: false
    })
  },
  bindeShowporss() {
    this.setData({
      isshowporss: true
    })
  },
  bindeHideporss() {
    this.setData({
      isshowporss: false
    })
  },





  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {





    this.setData({
      scrooltop: app.globalData.maskheight,
      orderId: options.orderId,
      Imageurl: app.globalData.Imageurl,
    })

    this.getOrderDetails()

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  onPageScroll(e) {

    this.setData({
      bigscrooltop: e.scrollTop
    })


    if (e.scrollTop <= this.data.one) {
      this.setData({
        tabX: 95
      })
    }
    if (e.scrollTop <= this.data.two && e.scrollTop > this.data.one) {
      this.setData({
        tabX: 350
      })
    }
    if (e.scrollTop <= this.data.treen && e.scrollTop > this.data.two) {
      this.setData({
        tabX: 600
      })
    }
 



  }
})